html {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

body {
	background-image: url('../images/background.png'); 
	background-color:#555;
    background-size:cover;
	margin: 0;
	padding: 0;
	overflow: hidden;
	color: #fff;
}

.statusBar {
	/* this line tells the browser to use H/W acceleration */
	-webkit-transform: translate3d(0, 0, 0);
	width: 100%;
	height: 50px;
	background-color: #777;
	opacity: 0.5;
	display: block;
}
.statusBarContent {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 50px;
	opacity: 1;
	overflow: hidden;
	display: block;
}

.mainContent {
	position: fixed;
	top: 51px;
	width: 100%;
	height: 100%;
	background-color: #555;
	overflow: hidden;
	display: block;
	z-index: -1;
}

.dashNavigation {
	position: absolute;
	z-index: -1;
	top: 0px;
	left: 0px;
	width: 400px;
}

.dashLauncher {
	display: block;
}

.dashAccordion {
	z-index: -1;
	left: 401px;
	width: 393px;
	height: 90%;
	position: absolute;
	padding: 0px;
}

.ui-accordion .ui-accordion-content {padding:0px }

.group h3 {
	text-align: right;
}

.dashWeather {
	z-index: -1;
	width: 99%;
	height: 100%;
	border: 0px solid #000;
}

.dashLauncher {
	width: 95%;
	background: #444;
	z-index: 1;
}

.dashNotification {
	z-index: -1;
	width: 50%;
	height: 100%;
}

.dashNowplaying {
	position: absolute;
	left: 0px;
	width: 400px;
	height: 100px;
	z-index: -1;
}

.dashClock {
	position: absolute;
	z-index: 1;
	top: 503px;
	left: 350px;
	width: 100px;
	height: 100px;
	margin-top: 0px;
	padding: 0px;
}

#virtualKeyboard {
    width: 100%;
    text-align: center;
    background-color:#7b8490;
    top: 600px;
    position: fixed;
    z-index: 999;
    /*border-top:3px solid #000;*/
}

#keyboard{
    padding:10px;
    width:810px;
    margin: 0 auto;
    height:288;
    display:block;
    padding-left:25px;
    display:block;
/*    position:absolute;*/
    bottom:0px; left:0px;
 }
#keyboard:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

#keyboardHeader {position:relative;}
#keyboardHeader div {color:#fff; background-color:#7b8490;padding:3px; padding-left:15px; padding-right:15px; position:absolute; cursor:pointer; right:-10px; top:-40px;}
.closex {font-weight:bolder; color:#000;}

#keyboardCapitalLetter {display:none;}
#keyboardSmallLetter {display:block;}
#keyboardNumber {display:none;}
#keyboardSymbols {display:none;}

.button
{
    width:60px; height:60px;
    background-color:#fff;
    position:relative;
    float:left;
    margin-right:9px;
    margin-top:10px;
    cursor:pointer;
    font-size:1.9em;
	color: #000;
    /*box shadow*/
    -webkit-box-shadow: 0px 1px 3px #000000;-moz-box-shadow: 0px 1px 3px #000000;box-shadow: 0px 1px 3px #000000;
    /*box radius*/
    -moz-border-radius: 5px;border-radius: 5px;
    /*gradient*/
    background: #ffffff; /* old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* ie */
}
.buttonDown {background:none;background-color: #c9cdd5; -webkit-box-shadow:none;-moz-box-shadow: none;box-shadow: none;}
.button_a {margin-left:26px;}
.button_dash {margin-left:26px;}
.button_underscore {margin-left:26px;}
.button_enter {width:103px; font-size:1.3em; }
.button_del{width:103px; font-size:1.3em;}
.button_smallletter{font-size:1.3em;}
.button_capitalletterleft{font-size:1.3em;}
.button_capitalletterright{ width:129px; font-size:1.3em;}
.button_numberleft{width:172px; font-size:1.3em; margin-left:26px;}
.button_numberright{width:129px; font-size:1.3em;}
.button_space {width:376px;}
.button_symbolsleft{width:172px; font-size:1.3em; margin-left:26px;}
.button_symbolsright{width:129px; font-size:1.3em;}


.key {width:100%; height:100%; text-align:center; padding-top:12px; text-shadow: 0px 1px 1px #ffffff;filter: dropshadow(color=#ffffff, offx=0, offy=1);}
.key_del {padding-top:18px;}
.key_enter {padding-top:18px;}
.key_smallletter {padding-top:18px;}
.key_capitalletterleft {padding-top:18px;}
.key_capitalletterright {padding-top:18px;}
.key_number {padding-top:18px;}
.key_symbols {padding-top:18px;}




